<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Task list - Project Management System</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/st.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
	<div id="header"><a href="index.html"><img src="images/logo.gif" border="0" /></a>William <a href="#">Login out</a></div>
	<div id="tab">
		<ul>
			<li><a href="#" title="Homepage">Homepage</a></li>
			<li class="selected">Task</li>
			<li><a href="#" title="Tickets">Tickets</a></li>			
			<li><a href="#" title="User Manage">User Manage</a></li>
			<li><a href="#" title="Change Password">Change Password</a></li>
		</ul>
		<div class="cl"></div>
	</div>
	<div id="submenu"><a href="#" title="Add Task">Add Task</a><a href="#" title="Task list" class="selected">Task List</a><a href="#" title="Task list" >Sub menu</a></div>
	<div id="contentbox">
		<h1>Task List</h1>
	    <table class="normaltable">
			<tr class="selectarea">
			  <td class="t1"></td>
					<td><input name="text" type="text" /></td>
					<td><select name="select">
                      <option>Item1</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td><select name="select">
                      <option>Item1</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td><input name="text" type="text" /></td>
					<td class="title"><input name="text" type="text" class="title" /></td>
					<td><select name="select">
                      <option>Paul Willmes</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td><select name="select">
                      <option>Yong Zhang</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td><select name="select">
                      <option>Item1</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td></td>
					<td><select name="select">
                      <option>Item1</option>
                      <option>Item2</option>
                      <option>Item3</option>
                      <option>Item4</option>
                    </select></td>
					<td></td>
					<td class="sub"></td>
			</tr>		
			<tr class="tit">
			  <td class="t1"></td>
					<td>ID</td>
					<td>Status</td>
					<td>Prior</td>
					<td>Property</td>
					<td class="title">Title</td>
					<td>Requester</td>
					<td>PM</td>
					<td>Resource</td>
					<td>%</td>
					<td>Delay?</td>
					<td>Update</td>
					<td>Sub</td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t1"><a href="#"><img src="images/open.gif" border="0" /></a></td>
				<td>527</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td></td>
				<td></td>
				<td></td>
				<td><input type="button" value="Update" /></td>
				<td><input type="button" value="Create" /></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t3"><img src="images/open_bg_3.gif" /></td>
				<td>534</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t4"><a href="#"><img src="images/close.gif" border="0" /></a></td>
				<td>527</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td></td>
				<td></td>
				<td></td>
				<td><input type="button" value="Update" /></td>
				<td><input type="button" value="Create" /></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t1"><a href="#"><img src="images/open.gif" border="0" /></a></td>
				<td>527</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td></td>
				<td></td>
				<td></td>
				<td><input type="button" value="Update" /></td>
				<td><input type="button" value="Create" /></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t2"><img src="images/open_bg_2.gif" /></td>
				<td>533</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
			<tr onMouseOver="this.style.backgroundColor='#F7F9F9';" onMouseOut="this.style.backgroundColor='#FFFFFF'">
				<td class="t3"><img src="images/open_bg_3.gif" /></td>
				<td>534</td>
				<td>WIP</td>
				<td>High</td>
				<td>SMUS</td>
				<td class="title">Search Result page Logic Change</td>
				<td>Paul Willmes</td>
				<td>Yong Zhang</td>
				<td>Genray Lei</td>
				<td>50%</td>
				<td>NO</td>
				<td><input type="button" value="Update" /></td>
				<td></td>
			</tr>
		</table>
		<div class="listbottom">
			<div class="pagelist"><a href="#">&lt;</a><a href="#">1</a><a href="#">2</a>...<a href="#">14</a><a href="#">&gt;</a><input name="" type="text" /><a href="#">Go</a></div>
			<input name="" type="button" value="Add New Task" onclick="document.getElementById('addtask').style.display='block';" />
		</div>
		<div class="addtask" id="addtask">
			<h2>Add a new Task</h2>
			<div class="stepbox">
				<a href="#">Step 1</a><a href="#" class="selected">Step 2</a><a href="#">Step 3</a>
			</div>
			<table class="table550">
				<tr>
					<td colspan="2"><span class="left">Title</span><input name="text" type="text" class="title" /></td>
				    <td><span>Property</span><input name="text2" type="text" /></td>
				</tr>
				<tr>
					<td>
						<span class="left">Requester</span>
						<select name="select">
						  <option>Paul Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				    <td>
						<span>PM</span>
						<select name="select">
						  <option>Paul Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				    <td>
						<span>Resource</span>
						<select name="select">
						  <option>Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				</tr>
				<tr>
					<td>
						<span class="left">Prior Refer</span>
						<select name="select">
						  <option>Paul Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				    <td>
						<span>Type</span>
						<select name="select">
						  <option>Paul Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				    <td>
						<span>Status</span>
						<select name="select">
						  <option>Paul Willmes</option>
						  <option>Item2</option>
						  <option>Item3</option>
						  <option>Item4</option>
						</select>					
					</td>
				</tr>
				<tr>
					<td colspan="3"><span class="left">Description</span></td>
				</tr>
				<tr>
					<td colspan="3"><textarea name="textfield"></textarea></td>
			    </tr>
				<tr>
					<td colspan="3">
						<span class="left">Start Date</span>			  
						<select name="select2">
						<option>2007-10-25</option>
						<option>Item2</option>
						<option>Item3</option>
						<option>Item4</option>
						</select>
					</td>
			    </tr>
				<tr>
					<td colspan="3">
						<span class="left">Due Date</span>			  
						<select name="select2">
						<option>2007-10-25</option>
						<option>Item2</option>
						<option>Item3</option>
						<option>Item4</option>
						</select>				  
					</td>
				</tr>
				<tr>
					<td colspan="3"><span class="left">Notes</span></td>
				</tr>
				<tr>
					<td colspan="3"><textarea name="textfield"></textarea></td>
			    </tr>
				<tr>
					<td colspan="3"><input type="button" value="Add" class="but" onclick="document.getElementById('addtask').style.display='none';" /><input type="button" value="Cancel" class="but" /></td>
				</tr>
			</table>
		
		</div>
					
	</div>
	<!--end Contentbox -->

</div>
</body>
</html>